<template>
  <div class="about">
    <h1>aa：{{ aa }}</h1>
    <h1>This is an about page</h1>
  </div>
</template>
<script setup lang="tsx">
// import { message } from 'ant-design-vue'

defineProps<{
  /**这是一个参数 */
  aa?: string
}>()
defineEmits<{
  (e: 'update:aa', value: string): void
}>()
defineExpose({
  /**这是一个方法 */
  test: () => {
    console.log('组件库内的方法')

    // message.info('组件库内的方法')
  },
})
</script>
<style>
@media (min-width: 1024px) {
  .about {
    min-height: 100vh;
    display: flex;
    align-items: center;
  }
}
</style>
